<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#0A5AF9">
    <title>爱车档案</title>
    <link rel="stylesheet" type="text/css" href="../css/public-head.css" />
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/archives.css"/>
</head>

<body>

    <div class="main">
        <div class="bag">
            <div tapmode onclick="VehicleList()"><img src="../image/icon/qiehuanchel@2x.png" alt="" />切换车辆</div>
        </div>
        <!--中间内容-->
        <div class="archives">
            <div><img src="../image/icon/touxiang@2x.png" alt="" /></div>
            <div>
                <div class="edit">
                    <div><span>基本信息</span></div>
                    <div id="bj"><img src="../image/icon/PEN3@2x.png" alt="" /></div>
                </div>
                <div class="archives-msg">
                    <div class="archives-msg-list">
                        <div>车牌号码</div>
                        <div><input type="text" class="in-btn" placeholder="桂A·75N17" /><span class="msg-con">桂A·75N17</span></div>
                    </div>
                    <div class="archives-msg-list">
                        <div>车 型</div>
                        <div><input type="text" class="in-btn" placeholder="小轿车" /><span class="msg-con">小轿车</span></div>
                    </div>
                    <div class="archives-msg-list">
                        <div>里程数</div>
                        <div><input type="text" class="in-btn" placeholder="12345" /><span class="msg-con">12345</span></div>
                    </div>
                    <div class="archives-msg-list">
                        <div>地 址</div>
                        <div><input type="text" class="in-btn" placeholder="青秀区-建政街道-青秀万达银座负二楼A区06号车位" /><span class="msg-con">青秀区-建政街道-青秀万达银座负二楼A区06号车位</span></div>

                    </div>
                </div>
            </div>

        </div>
        <!--默认-->
        <div class="default">
            <div><img src="../image/icon/GX13@2x.png" alt="" />默认</div>
        </div>

        <!--按钮-->
        <div class="delete"><button>保存</button></div>
    </div>
</body>
<script type="text/javascript" src="../script/public-head.js"></script>
<script type="text/javascript" src="../script/rem.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/mui.js"></script>

<script type="text/javascript">
    headInner({
        title: "",
        //headleft
        headl: '<a href="javascript:history.back(-1)" style="color:white" class="mui-icon mui-icon-left-nav" tapmode onclick="api.closeWin()"></a>',
        //headright
        headr: '<a style="color:white"></a>',
        color: "", //默认是蓝色
        padding: "0px 0px 0px",
    })

    function VehicleList() {
        api.openWin({
            name: 'VehicleList',
            url: '../html/VehicleList.html'
        });
    }

    //点击编辑
    var bj = document.getElementById('bj');
    var input = document.getElementsByTagName('input');
    var msgCon = document.getElementsByClassName('msg-con');
    bj.onclick = function() {
        for (var i = 0; i < input.length; i++) {
            msgCon[i].style.display = 'none';
            input[i].style.display = 'block';

        }
    }
</script>

</html>
